@import "variables";
seed-cycle {
  .cycle-container {
    position: relative;
    overflow: hidden;
  }
  .cycle-wrapper {
    display: flex;
    transition: .3s all ease;
  }
  .cycle-slide {
    position: relative; // display: flex;
    width: 100%;
    height: pxTorem(420);
    // background-color: red;
    .banner {
      width: 100%;
      height: 100%;
    }
    .title {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: pxTorem(70px);
      line-height: pxTorem(70px);
      padding: 0 pxTorem(20);
      font-size: pxTorem(28px);
      color: #fff;
      background: rgba(0, 0, 0, .5);
      span {
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 70%;
      }
    }
  }
  .cycle-pagination {
    position: absolute;
    right: pxTorem(20px);
    bottom: 0;
    display: flex;
    align-items: center;
    height: pxTorem(70);
    text-align: right;
    .cycle-pagination-bullet {
      display: inline-block;
      width: pxTorem(14);
      height: pxTorem(14);
      margin: 0 pxTorem(5);
      opacity: .4;
      border-radius: 50%;
      background-color: #f0f0f0;
    }
    .active {
      opacity: 1;
      background-color: #fff;
    }
  }
}
